
<!DOCTYPE html>
<html>
<head>
<!-- Standard Meta -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport"
	content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

<link rel="image_src" type="image/jpeg" href="/images/logo.png" />

<!-- Site Properities -->
<meta name="generator" content="DocPad v6.79.4" />
<title>用户一览</title>

<meta name="description"
	content="A tab is a hidden section of content activated by a menu" />
<meta name="keywords"
	content="html5, ui, library, framework, javascript" />
<script src="../resources/static/libs/detect.min.js"></script>
<script src="../resources/static/libs/jquery.min.js"></script>
<script src="../resources/static/libs/clipboard-polyfill.js"></script>
<script src="../resources/static/libs/cookies.js"></script>
<script src="../resources/static/libs/jquery.easing.1.3.js"></script>
<script src="../resources/static/libs/highlight.js"></script>
<script src="../resources/static/libs/jquery.history.js"></script>
<script src="../resources/static/libs/tablesort.min.js"></script>
<script src="../resources/static/libs/echarts.min.js"></script>
<script src="../resources/dist/semantic.js"></script>
<script src="../resources/js/docs.js"></script>
<script src="../resources/dist/components/tab.js"></script>
<script src="../resources/static/libs/alert.js"></script>
<link rel="stylesheet" type="text/css" class="ui"
	href="../resources/dist/semantic.css">
<link rel="stylesheet" type="text/css"
	href="../resources/static/style/docs.css">
<link rel="stylesheet" type="text/css"
	href="../resources/static/style/rtl.css">
<link rel="stylesheet" type="text/css"
	href="../resources/static/style/alert.css">
<script type="text/javascript">
	window.liveSettings = {
		api_key : '9ede3015b9f84c1aabc81ab839c55d74',
		parse_attr : [ 'data-title', 'data-content' ],
		detectlang : false,
		autocollect : true,
		ignore_tags : [ 'i', 'code', 'pre' ],
		parse_attr : [ 'data-title', 'data-content', 'data-text' ],
		ignore_class : [ 'code', 'anchor' ]
	};
	$(document).ready(function() {
		$('.ui.accordion').accordion('refresh');
	});
</script>
</head>
<body id="example" class="" ontouchstart="">
	<div class="pusher">
		<div class="full height">
			<div class="article">
				<script src="../resources/static/libs/sinon.js"></script>
				<div class="ui masthead vertical tab segment">
					<div class="ui container">
						<div class="introduction">
							<div class=" ui container"></div>
							<div class="ui hidden divider"></div>
						</div>
					</div>
				</div>
				<div class="ui container">
					<div class="ui hidden divider"></div>
					<table class="ui celled orange table selectable" id="usertable">
						<thead>
							<tr>
								<th colspan="5">
									<div class="ui ribbon label">用户 仓库中心</div>
								</th>
							</tr>
							<tr>
								<th v-for="thValue in tablethList">{{thValue}}</th>
							</tr>
						</thead>
						<tbody>
							<tr v-for="tdValue in tabletdList" v-on:click="userInfo" id="userInfoTr">
								<td>{{tdValue.id}}</td>
								<td>{{tdValue.loginName}}</td>
								<td>{{tdValue.sex}}</td>
								<td>{{tdValue.userName}}</td>
								<td>{{tdValue.accountStatus}}</td>
							</tr>
						</tbody>
						<tfoot class="full-width">
							<tr>
								<th colspan="5">
									<div class="ui right floated pagination menu">
										<a class="icon item"> <i class="left chevron icon"></i>
										</a> <a class="item" v-for="n in pageSize">{{n}}</a> <a
											class="icon item"> <i class="right chevron icon"></i>
										</a>
									</div>
								</th>
							</tr>
							<tr>
								<th colspan="5">
									<div
										class="ui disabled right floated small primary labeled icon button"
										v-on:click="addUser" id="addUserButton">
										<i class="user icon"></i> 增加用户
									</div>
									<div class="ui small button">刷新</div>
									<div class="ui small button" v-on:click="userInfo" id="alterButton">查看</div>
								</th>
							</tr>
						</tfoot>
					</table>
				</div>
			</div>
		</div>
		<div class="ui modal" id="infoUserDialog">
			<i class="close icon"></i>
			<div class="header">个人信息</div>
			<div class="image content center aligned">
				<div class="description">
					<div class="ui header">请记住,数据只能查看不能修改</div>
					<div class="ui center aligned container">
						<form class="ui form">
							<table class="ui very basic collapsing celled table">
								<tbody>
									<tr>
										<td class="four wide">属性名</td>
										<td class="six wide">值</td>
										<td class="six wide">修改时间</td>
									</tr>
									<tr v-for="(key,value) in list">
										<td>{{value}}</td>
										<td><code>{{key}}</code></td>
										<td>{{key}}</td>
									</tr>
								</tbody>
							</table>
						</form>
					</div>
					<p>这就是全部了!</p>
				</div>
			</div>
			<div class="actions">
				<div class="ui black deny button">Nope</div>
				<div class="ui positive right labeled icon button">
					Yep, that's me <i class="checkmark icon"></i>
				</div>
			</div>
		</div>
		<script>
			window.less = {
				async : true,
				environment : 'production',
				fileAsync : false,
				onReady : false,
				useFileCache : true
			};
		</script>
		<script src="../resources/static/libs/less.min.js"></script>
		<script src="../resources/static/libs/vue.min.js"></script>
		<script src="../resources/js/usermanager.js"></script>
</body>
</html>